"use client"
/**
 * 阴影使用
 * shadow-[x偏移量_y偏移量_扩散半径_颜色]
 *
 * @returns {JSX.Element}
 * @constructor
 */

export default function Shadow(){
  return (
    <div className={"w-1/2 mx-auto mt-10 bg-slate-100 relative px-10 py-12 hover:shadow-xl duration-300 hover:-translate-y-1"}>
      <div className={"absolute size-3 bg-red-500 rounded-full top-5 left-10 shadow-[20px_0_green,40px_0_blue]"}>
      </div>
      <p className={"text-xl text-black font-mono"}>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci amet blanditiis cupiditate debitis eaque error ex, hic laborum necessitatibus, neque nesciunt nihil officia placeat rem repudiandae sapiente voluptatem voluptatum.
      </p>
    </div>
  )
}
